﻿@model List<string>
@{
    ViewBag.Title = "Index"; 
}

@section scripts{
    <script type="text/javascript">
        $(document).bind("ready", function () {
            // alert("ready");
        });

        function consumirSaludo() {
            var valor = $("#txtValor2").val();
            $.ajax({
                url: 'http://localhost:4252/ServCapBG.svc/Saludo/' + valor,
                type: 'GET'
            }).done(function (data) {
                var concat = '';
                $.each(data, function (idx, itm) {
                    concat += concat.length == 0 ? itm.Nombre : ', ' + itm.Nombre;
                });
                $("#lblResult").text(concat);

            }).error(function (err) {
                console.log(JSON.stringify(err));
            });
        }

        //function consumirSaludo() {
        //    var valor = { dato: $("#txtValor2").val() };
        //    $.ajax({
        //        url: 'http://localhost:4252/ServCapBG.svc/SaludoP',
        //        type: 'POST',
        //        contentType: 'application/json',
        //        data: JSON.stringify(valor)
        //    }).done(function (data) {
        //        $("#lblResult").text(JSON.stringify(data));

        //    }).error(function (err) {
        //        console.log(JSON.stringify(err));
        //    });
        //}

        function consumirSaludo2() {
            var valor = $("#txtValor2").val();
            $.ajax({
                url: '@Url.Content("~/Home/LlamadaSaludo")?valor=' + valor,
                type: 'GET'
            }).done(function (data) {
                $("#lblResult").text(JSON.stringify(data));

            }).error(function (err) {
                console.log(JSON.stringify(err));
            });
        }
    </script>
}
<h2>Consumiendo WCF REST</h2>

@using (Html.BeginForm("Index", "Home"))
{
    <fieldset>
        <legend>Consumo con Submit desde el Servidor</legend>
        <table>
            <tr>
                <td>
                    <label for="txtValor1">Valor Submit:</label>
                </td>
                <td>
                    <input type="text" id="txtValor1" name="txtValor1" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="submit" value="POSTEAR" />
                </td>
            </tr>
            <tr>
                <td colspan="2"><b>Resultado:</b>@ViewBag.Resultado</td>
            </tr>
        </table>
    </fieldset>
}

<br />

<fieldset>
    <legend>Consumo con AJAX y JQuery</legend>
    <table>
        <tr>
            <td>
                <label for="txtValor1">Valor Submit:</label>
            </td>
            <td>
                <input type="text" id="txtValor2" />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <button onclick="consumirSaludo();">POSTEAR</button>
            </td>
        </tr>
        <tr>
            <td colspan="2"><b>Resultado:</b><label id="lblResult"></label></td>
        </tr>
    </table>
</fieldset>
